import { Progress } from "antd";
import React from "react";

const AntdProgress = (props) => {
    const twoColors = {
        '0%': '#108ee9',
        '100%': '#87d068',
    };
    return <Progress
        type="circle"
        percent={89}
        size={[150, 20]}
        // showInfo={false}
        strokeWidth={15}
        // strokeColor={{
        //     // "0%": "#7bffb2",
        //     "0%": "rgba(50, 226, 247, 1)",
        //     "90%": "rgba(24, 124, 165, 0.1)",
        //     "100%": "rgba(24, 124, 165, 1.00)"
        // }}
        strokeColor={twoColors}
        trailColor="#00587a"
        circleTextColor="#50fddbe0"
        {...props}
    />
}
export default AntdProgress;